<!doctype html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="css/base.css" />
<link rel="stylesheet" type="text/css" href="css/jquery.dialog.css" />
<link rel="stylesheet" href="css/index.css" />
<title>天宫智能办公系统</title>
</head>
<body>
<div id="container">
  <div id="hd">
    <div class="hd-wrap ue-clear">
      <h1 class="logo">天宫智能办公系统</h1>
      <ul class="h-list">
        <li class="h-bg-w">全部功能</li>
        <li>个人工作</li>
        <li>OA办公</li>
        <li>客户管理</li>
        <li>知识文档</li>
        <li>进销存</li>
        <li>生产与财务</li>
        <li>常用功能</li>
      </ul>
      <div class="h-right">
        <div class="toolbar ue-clear"> <a href="javascript:;" class="quit-btn exit">退出</a> <a href="javascript:;" class="home-btn">首页</a> </div>
        <div class="h-time"> <span class="h-fenduan"><span class="h-nian">2017</span>年<span class="h-yue">1</span>月<span class="h-ri">1</span>日</span><span class="h-xingqi h-fenduan">星期四</span><span class="h-fenduan"><span class="h-shi">9</span><span class="h-fen">53</span><span class="h-miao">51</span></span> </div>
      </div>
      <div class="login-info ue-clear">
        <div class="welcome ue-clear"><span>欢迎您,</span><a href="javascript:;" class="user-name">Admin</a></div>
        <div class="login-msg ue-clear"> <a href="javascript:;" class="msg-txt">消息</a> <a href="javascript:;" class="msg-num">10</a> </div>
      </div>
    </div>
  </div>
  <div id="bd">
    <div class="wrap ue-clear">
      <div class="sidebar">
        <h2 class="sidebar-header">
          <p>功能导航</p>
        </h2>
        <ul class="nav">
          <li class="office current">
            <div class="nav-header"><a href="javascript:;" date-src="home.html" class="ue-clear"><span>日常办公</span><i class="icon"></i></a></div>
          </li>
          <li class="nav-info">
            <div class="nav-header"><a href="javascript:;" class="ue-clear"><span>导航信息管理</span><i class="icon"></i></a></div>
            <ul class="subnav">
              <li><a href="javascript:;" date-src="info-reg.html">信息录入</a></li>
              <li><a href="javascript:;" date-src="info-det.html">领导值岗管理</a></li>
            </ul>
          </li>
          <li class="konwledge">
            <div class="nav-header"><a href="javascript:;" class="ue-clear"><span>文章管理</span><i class="icon"></i></a></div>
            <ul class="subnav">
              <li><a href="javascript:;" date-src="文章列表.html">文章列表</a></li>
              <li><a href="javascript:;" date-src="发布文章.html">发布文章</a></li>
              <li><a href="javascript:;" date-src="类别管理.html">类别管理</a></li>
            </ul>
          </li>
          <li class="email">
            <div class="nav-header"><a href="javascript:;" class="ue-clear"><span>邮件管理</span><i class="icon"></i></a></div>
            <ul class="subnav">
              <li><a href="javascript:;" date-src="写邮件.html">写邮件</a></li>
              <li><a href="javascript:;" date-src="收邮件.html">收邮件</a></li>
              <li><a href="javascript:;" date-src="草稿箱.html">草稿箱</a></li>
              <li><a href="javascript:;" date-src="已发送.html">已发送</a></li>
              <li><a href="javascript:;" date-src="已删除.html">已删除</a></li>
            </ul>
          </li>
          <li class="renshi">
            <div class="nav-header"><a href="javascript:;" class="ue-clear"><span>人事管理</span><i class="icon"></i></a></div>
            <ul class="subnav">
              <li><a href="javascript:;" date-src="人事档案.html">人事档案</a></li>
              <li><a href="javascript:;" date-src="人事合同.html">人事合同</a></li>
              <li><a href="javascript:;" date-src="今日生日.html">今日生日</a></li>
              <li><a href="javascript:;" date-src="本月生日.html">本月生日</a></li>
            </ul>
          </li>
		  <li class="quanxian">
            <div class="nav-header"><a href="javascript:;" class="ue-clear"><span>权限管理</span><i class="icon"></i></a></div>
            <ul class="subnav">
              <li><a href="javascript:;" date-src="添加角色.html">添加角色</a></li>
              <li><a href="javascript:;" date-src="角色管理.html">角色管理</a></li>
              <li><a href="javascript:;" date-src="添加权限.html">添加权限</a></li>
              <li><a href="javascript:;" date-src="权限管理.html">权限管理</a></li>
			  <li><a href="javascript:;" date-src="添加用户.html">添加用户</a></li>
			  <li><a href="javascript:;" date-src="用户管理.html">用户管理</a></li>
            </ul>
          </li>
          <li class="chengfa">
            <div class="nav-header"><a href="javascript:;" class="ue-clear"><span>奖惩管理</span><i class="icon"></i></a></div>
            <ul class="subnav">
              <li><a href="javascript:;" date-src="奖励记录.html">奖励记录</a></li>
              <li><a href="javascript:;" date-src="惩处记录.html">惩处记录</a></li>
              <li><a href="javascript:;" date-src="奖励制度.html">奖励制度</a></li>
              <li><a href="javascript:;" date-src="惩处制度.html">惩处制度</a></li>
            </ul>
          </li>
          <li class="rencai">
            <div class="nav-header"><a href="javascript:;" class="ue-clear"><span>人才招聘</span><i class="icon"></i></a></div>
            <ul class="subnav">
              <li><a href="javascript:;" date-src="招聘计划.html">招聘计划</a></li>
              <li><a href="javascript:;" date-src="应聘简历.html">应聘简历</a></li>
              <li><a href="javascript:;" date-src="面试管理.html">面试管理</a></li>
            </ul>
          </li>
		  <li class="chanpin">
            <div class="nav-header"><a href="javascript:;" class="ue-clear"><span>项目管理</span><i class="icon"></i></a></div>
            <ul class="subnav">
			  <li><a href="javascript:;" date-src="产品管理.html">产品管理</a></li>
              <li><a href="javascript:;" date-src="项目管理.html">项目列表</a></li>
              <li><a href="javascript:;" date-src="任务管理.html">任务管理</a></li>
            </ul>
          </li>
		  <li class="gongzuotai">
            <div class="nav-header"><a href="javascript:;" class="ue-clear"><span>crm客户管理</span><i class="icon"></i></a></div>
            <ul class="subnav">
			  <li><a href="javascript:;" date-src="工作台.html">工作台</a></li>
              <li><a href="javascript:;" date-src="我的所有客户.html">我的所有客户</a></li>
              <li><a href="javascript:;" date-src="储备客户.html">储备客户</a></li>
              <li><a href="javascript:;" date-src="初次联系.html">初次联系</a></li>
              <li><a href="javascript:;" date-src="潜在客户.html">潜在客户</a></li>
              <li><a href="javascript:;" date-src="跟单客户.html">跟单客户</a></li>
              <li><a href="javascript:;" date-src="商机客户.html">商机客户</a></li>
              <li><a href="javascript:;" date-src="成交客户.html">成交客户</a></li>
              <li><a href="javascript:;" date-src="公海客户.html">公海客户</a></li>
              <li><a href="javascript:;" date-src="共享客户.html">共享客户</a></li>
              <li><a href="javascript:;" date-src="放弃客户.html">放弃客户</a></li>
            </ul>
          </li>
          <li class="system">
            <div class="nav-header"><a href="javascript:;" class="ue-clear"><span>系统管理</span><i class="icon"></i></a></div>
            <ul class="subnav">
              <li><a href="javascript:;" date-src="单位信息.html">单位信息</a></li>
              <li><a href="javascript:;" date-src="导航管理.html">导航管理</a></li>
            </ul>
          </li>
		  
        </ul>
      </div>
      <div class="content">
        <iframe src="home.html" id="iframe" width="100%" height="100%" frameborder="0"></iframe>
      </div>
    </div>
  </div>
  <div id="ft" class="ue-clear" style="width:100%;position:fixed;left:0;bottom:0">
    <div class="ft-left"> <span>天宫智能办公系统</span> <em>Office&nbsp;System</em> </div>
    <div class="ft-right"> <span>Automation</span> <em>V2.0&nbsp;2014</em> </div>
  </div>
</div>

</body>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript" src="js/core.js"></script>
<script type="text/javascript" src="js/jquery.dialog.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<script type="text/javascript">
$('.h-list li').click(function(){
	$(this).addClass('h-bg-w').siblings().removeClass('h-bg-w')
	
	})

</script>
<script type="text/javascript">

  window.onload = function(){
    showTime();
  }
 
  function showTime(){
    var myDate = new Date();
    var year= myDate.getFullYear();
    var month = myDate.getMonth() + 1;
    var date = myDate.getDate();
    var dateArr = ["日","一",'二','三','四','五','六'];
    var day = myDate.getDay();
    var hours = myDate.getHours();
    var minutes = formatTime(myDate.getMinutes());
    var seconds = formatTime(myDate.getSeconds());

$('.h-nian').text(year);
$('.h-yue').text(month);
$('.h-ri').text(date);
$('.h-shi').text(hours+':');
$('.h-fen').text(minutes+':');
$('.h-miao').text(seconds);
$('.h-xingqi').text('星期'+dateArr[day]);
    setTimeout("showTime()",1000);
  }
 
  //格式化时间：分秒。
  function formatTime (i){
    if(i < 10){
      i = "0" + i;
    }
    return i;
  }
 




</script>
</html>
